{extend name="wmcommon/menu" /}
{block name="selfcss"}<link rel="stylesheet" href="__STATIC__/wm_index/css/wm/courseList.css?201908">{/block}

{block name='title'}精品研学课程_研学旅行课程大全未名研学{/block}
{block name='keywords'}研学旅行课程安排,研学旅行教学设计,研学旅行课程方案,研学旅行活动{/block}
{block name='description'}由未名研学提供研学旅行课程，是响应国家素质教育新高考，注重研究性学习的户外营地教育的综合实践活动。包括研学旅行行程安排、研学营地介绍、研学旅行适合学段、研学旅行课程主题等信息，为您孩子选择研学旅行课程提供全面的参考{/block}


{block name='maincontent'}
<!--  -->
<div class="module">
    <!-- 面包屑导航 -->
    <p class="crumbs"><a href="http://www.wmyanxue.com">未名研学</a>&nbsp;•&nbsp;<a href="/item/{$pid}.html">研学课程</a> > </p>
    <div class="box">
        <div class="recommend_box">
            <div class="title">
                <p class="left">
                    <img src="__STATIC__/wm_index/images/wm/icon_recommend.png" alt="">
                    <span>推荐课程</span>
                </p>
                <!--<p class="right">
                    <img src="__STATIC__/wm_index/images/wm/icon_refresh.png" alt="">
                    <span>换一批</span>
                </p>-->
            </div>
            <div class="list">
                <!--<a class="cell" href="http://www.wmyanxue.com/course/29.html">
                    <h3 class="name a_row">跟着唐诗趣长安——西安历史文化主题研学</h3>
                    <div class="flex">
                        <p class="image"><img src="http://www.wmyanxue.com/uploadfile/2019/0817/20190817063114840.jpg" alt=""></p>
                        <div class="info">
                            <p class="txt a_row">时长：4天3晚</p>
                            <p class="txt a_row">主题：语言阅读</p>
                            <p class="txt a_row">地点：西安</p>
                            <div class="marks">
                                <span class="mark">夏令营</span>
                            </div>
                        </div>
                    </div>
                </a>
                <a class="cell" href="http://www.wmyanxue.com/course/31.html">
                    <h3 class="name a_row">忆中原古今岁月 探华夏文明之源——河南历史文化主题研学</h3>
                    <div class="flex">
                        <p class="image"><img src="http://www.wmyanxue.com/uploadfile/2019/0817/20190817063037741.jpg" alt=""></p>
                        <div class="info">
                            <p class="txt a_row">时长：5天4晚</p>
                            <p class="txt a_row">主题：历史文化</p>
                            <p class="txt a_row">地点：</p>
                            <div class="marks">
                                <span class="mark">夏令营</span>
                            </div>
                        </div>
                    </div>
                </a>-->
                {foreach $lesson as $key=>$vo}
                    {if $vo.is_recommend}
                        <a class="cell" href="/lesson/{$vo.id}.html">
                            <h3 class="name a_row">{$vo.title}</h3>
                            <div class="flex">
                                <p class="image"><img src="{$vo.cover}" alt=""></p>
                                <div class="info">
                                    {foreach $vo.cover_desc as $k =>$v}
                                    <p class="txt a_row">{$v}</p>
                                    {/foreach}
                                    <div class="marks">
                                        <span class="mark">夏令营</span>
                                    </div>
                                </div>
                            </div>
                        </a>
                    {/if}
                {/foreach}
            </div>
        </div>
        <div class="hot_box">
            <div class="title">
                <p class="left">
                    <img src="__STATIC__/wm_index/images/wm/icon_hot.png" alt="">
                    <span>热门头条</span>
                </p>
                <a class="more" href='<?php echo url("/item/13")?>'>查看更多&#62;&#62;</a>
            </div>
            <div class="list">
                <?php foreach($aryNo2 as $v):?>
                <a class="cell a_row" href="<?php echo url("/newsdetails",array("id"=>$v["id"]))?>">[研学新闻]&nbsp;<?php echo $v['title'];?></a>
                <?php endforeach;?>
            </div>
        </div>
    </div>
</div>
<!--  -->
<div class="course_list_box">
    <!-- 筛选 -->
    <div id="screen_box">
        <div class="mark_group">
            <span class="tips">课程筛选：</span>
            <div class="box">
                <!---->

            </div>
            <p class="total">&#62;共<span class="txt_red">{$lesson_total}</span>个课程</p>
            <form action="/course/">
                <div class="search">
                    <input type="text" name="k" placeholder="搜索课程关键字">
                    <p class="image"><img src="__STATIC__/wm_index/images/wm/icon_search.png" alt=""></p>
                </div>
            </form>
        </div>
        <!--<div class="cell">
            <span class="tips">类型：</span>
            <div class="box">
                <span class="btn {:empty( $lesson_cat[0] ) ? 'on' : ''}"><a class="conf" param-id="0:0">不限</a></span>
                {foreach $lesson_cate as $key=>$vo}
                <span class="btn {:isset($lesson_cat[0])&&$lesson_cat[0] == $vo.id ? 'on' : ''}"><a class="conf" param-id="0:{$vo.id}">{$vo.name}</a></span>
                {/foreach}
            </div>
        </div>-->
        <!--<div class="cell">
            <span class="tips">时长：</span>
            <div class="box">
                <span class="btn on">
                    <a href="/course/0-0-0-0-0/">不限</a>
                </span>
                <span class="btn "><a href="/course/0-0-0-1-0/">1天</a></span>
                <span class="btn "><a href="/course/0-0-0-2-0/">2天1晚</a></span>
                <span class="btn "><a href="/course/0-0-0-3-0/">3天2晚</a></span>
                <span class="btn "><a href="/course/0-0-0-4-0/">4天3晚</a></span>
                <span class="btn "><a href="/course/0-0-0-5-0/">5天4晚</a></span>
                <span class="btn "><a href="/course/0-0-0-6-0/">6天5晚</a></span>
                <span class="btn "><a href="/course/0-0-0-7-0/">7天及以上</a></span>
            </div>
        </div>-->
        {foreach $select as $key=>$vo}
            <div class="cell">
                <span class="tips">{$vo.name}：</span>
                <div class="box">
                    <span class="btn {:empty( $lesson_cat[$vo.id] ) ? 'on' : ''}"><a class="conf" param-id="{$vo.id}:0">不限</a></span>
                    {foreach $vo.child_cate as $k=>$v}
                    <span class="btn {:isset($lesson_cat[$vo.id])&&$lesson_cat[$vo.id] == $v.id ? 'on' : ''}"><a class="conf" param-id="{$vo.id}:{$v.id}">{$v.name}</a></span>
                    {/foreach}
                </div>
            </div>
        {/foreach}
    </div>
    <!-- 列表 -->
    <div class="list">
        <!--<a class="cell" href="http://www.wmyanxue.com/course/64.html">
            <div class="image">
                <img src="http://www.wmyanxue.com/uploadfile/2019/0910/20190910112816868.jpg" alt="【2019国庆亲子营】走进中国瓷都，追寻匠人精神">
                <!-<p class="mark">周末活动</p>->
            </div>
            <div class="txt">
                <span>【2019国庆亲子营】走进中国瓷都，追寻匠人精神</span>
                <span class="city"><img src="__STATIC__/wm_index/images/wm/icon_position.png" alt=""></span>
            </div>
            <div class="flex">
                <p class="time">时长：6天5晚</p>
                <p class="start_box">
                    <span>关注度：</span>
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                </p>
            </div>
        </a>-->
        {foreach $lesson as $key=>$vo}
        <a class="cell" href="/lesson/{$vo.id}.html">
            <div class="image">
                <img src="{$vo.cover}" alt="{$vo.title}">
            </div>
            <div class="txt">
                <span>{$vo.title}</span>
                <!--<span class="city"><img src="__STATIC__/wm_index/images/wm/icon_position.png" alt=""></span>-->
            </div>
            <div class="flex">
                <p class="time">时长：{$vo.time_name}</p>
                <p class="start_box">
                    <span>关注度：</span>
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
                    <img src="__STATIC__/wm_index/images/wm/icon_start.png" alt="">
            </div>
        </a>
        {/foreach}
    </div>
</div>
<!--  -->
<div id="pages">

</div>
<script src="__STATIC__/index/js/jquery.page.js"></script>
<script src="__STATIC__/plugs/layui/layui.all.js"></script>
<script>
    $(function () {
        //获取url参数
        function getQueryValue(key) {
            var match = location.search.match(new RegExp(key + '=([^&]*)'));
            return match && match[1] || '';
        }

        // 当前页码
        var page = getQueryValue("page") || 1;
        page = parseInt(page);
        // 总页数
        var pageCount = {:ceil($lesson_total / 5)};
        if (pageCount == 1) {
            $("#pages").hide();
        }
        $("#pages").createPage({
            current: page,
            pageCount: pageCount,
            backFn: function (p) {
                //p是当前页码
                var pid = getQueryValue('pid');
                var keywords = getQueryValue('keywords');
                if (pid == '' && keywords == '') {
                    window.location.href = "?page=" + p;
                } else {
                    window.location.href += "&page=" + p;
                }
            }
        });


        var queryParams = {:json_encode($lesson_cat_id)};
        $(".conf").on( 'click' , function () {
            var param   = $( this ).attr( "param-id" );
            var _param  = param.split( ':' );
            var _is_update = -1;
            for ( var i = 0 ; i < queryParams.length ; i++ ) {
                var tmp = queryParams[i].split( ':' );
                if ( tmp[0] == _param[0] ) {
                    _is_update = i;
                    break;
                }
            }
            if ( _is_update != -1 ) {
                queryParams[i] = param;
            }else{
                queryParams.push( param );
            }
            var url = '/items/{$parent_id}-{$curid}/'+queryParams.join("-")+'.html';
            console.log( url );
            window.location.href = url;
        });
    });
</script>
{/block}

{block name='script'}
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/reset.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/index/css/teacher.css" />
{/block}